// 划过全部商品
$('.all').mouseenter(function () {
    $('.swirp-left').stop().slideToggle()
}).mouseleave(function () {
    $('.swirp-left').stop().slideToggle()
})

$('.swirp-left').mouseenter(function () {
    $('.swirp-left').stop().slideToggle()
}).mouseleave(function () {
    $('.swirp-left').stop().slideToggle()
})



//获取商品详情

// 先获取商品id
location.search;
console.log(location.search);
let resId = new URLSearchParams(location.search)
let pId = resId.get('id')
//获取商品数据
/* 根据商品id获取商品详情接口
接口地址：http://jx.xuzhixiang.top/ap/api/detail.php
接口请求方式：get
接口参数：
id  商品的id
使用方式
获取id为1的商品的详情
http://jx.xuzhixiang.top/ap/api/detail.php?id=1
服务器返回json数据 */

axios.get('http://jx.xuzhixiang.top/ap/api/detail.php', {
    params: {
        id: pId
    }
}).then(res => {
    let data = res.data.data;
    console.log(data);
    $(".detail-left .img1").attr('src', data.pimg)
    $(".detail-left .img2").attr('src', data.pimg)
    $(".detail-right p").text(data.pname)
    $(".price .danjia").text(data.pprice)
})



// 数量变更

// 加
$('.jia').click(function () {
    let pnum = $('.num').val();
    pnum++;
    $('.num').val(pnum)

})
// 减
$('.jian').click(function () {
    let pnum = $('.num').val();
    if (pnum <= 1) {
        return;
    }
    pnum--;
    $('.num').val(pnum)

})


/* 给用户购物车中添加商品 接口
接口地址：http://jx.xuzhixiang.top/ap/api/add-product.php
接口请求方式：get
接口参数：
    uid  用户id
    pid  商品id
    pnum  要添加的商品数量
使用方式
http://jx.xuzhixiang.top/ap/api/add-product.php?uid=1&pid=1&pnum=1
服务器返回json数据 */

let str = JSON.parse(localStorage.getItem('我买网账号'))
let uid = str.id;
// 加入购物车点击事件
$('.push').click(function () {
    let pnum = $('.num').val();
    console.log(pnum);
    axios.get('http://jx.xuzhixiang.top/ap/api/add-product.php', {
        params: {
            uid: uid,
            pid: pId,
            pnum: pnum
        }
    }).then(res => {
        console.log(res);
        alert('添加成功')
    })
})



